{# empty Twig template #}
{% extends 'DatMomentVideoBundle:Template:template.html.twig' %}

{% block content %}
    {%for video in listVideos %}
        <div class="col-md-3 col-sm-4">
            <div class="video">
                <a href="{{ path('dat_moment_video',{'idVideo': video.getIdVideo()}) }}"><img src="{{video.getImg()}}"></a>
                <div class="video_description">
                    <div class="row">
                        <div class="col-md-12 video_name">
                            <a href="{{ path('dat_moment_video',{'idVideo': video.getIdVideo()}) }}">{{ video.getTitre() }}</a>
                            
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            {{ video.getUser()}}
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6 col-sm-6 col-xs-6">
                            <span class="glyphicon glyphicon-comment" aria-hidden="true"></span> {{video.getNbCommentaireVideo() }} 
                        </div>
                        <div class="col-md-6 col-sm-6 col-xs-6 text-right">
                            <span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span> {{video.getNoteVideo() }} /10
                        </div>
                    </div>
                </div>
            </div>
        </div> 

    {% endfor %}
    
{#    {% for p in range(1, nombrePage) %}
    <li{% if p == page %} class="active"{% endif %}>
      <a href="{{ path('sdzblog_accueil', {'page': p}) }}">{{ p }}</a>
    </li>
    {% endfor %}#}
    
    {#<div class="col-md-12">
        <nav>
            <ul class="pagination">
                <li><a href="#"><span aria-hidden="true">&laquo;</span><span class="sr-only">Previous</span></a></li>
                <li><a href="#">1</a></li>
                <li class="active"><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li><a href="#"><span aria-hidden="true">&raquo;</span><span class="sr-only">Next</span></a></li>
            </ul>
        </nav>
    </div>#}
{% endblock %}